<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${大组件名}</title>
    <link rel="stylesheet" href="component.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <ul>
                <li><p><a href="#doc-1">目录格式</a></p></li>
                <li><p><a href="#sample-1">页面样例</a></p></li>
                <li><p><a href="#xml-1">页面xml</a></p></li>
                <li><p><a href="#detail-1">方法详解</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<div id="doc-1">
    <h2>目录格式:</h2>
    <img src="" alt="">
</div>
<div id="sample-1">
    <h2>页面样例:</h2>
    <img src="" alt="">
</div>
<div id="xml-1">
    <h2>页面xml:</h2>
    <xmp>
        ${页面代码}
    </xmp>
</div>
<div id="detail-1">
    <h2>方法详解:</h2>
    <div class="detail">
        <img src="" alt="">
        <xmp>${代码}</xmp>
        <div>
            <p>${解释}</p>
        </div>
    </div>
</div>
</body>
</html>